
<template>
  <div >
    <div style="text-align:center" class="nav">
      <el-menu  mode="horizontal" @select="handleSelect" style="display:inline-block;">
        <el-menu-item index="1"><h2>制作</h2></el-menu-item>
        <el-menu-item index="2"><h2>社区</h2></el-menu-item>
      </el-menu>
    </div>
         <div style="height: 100%;" >
                       <keep-alive>
    <router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>
<router-view v-if="!$route.meta.keepAlive"></router-view>
          </div>

          <div  style="height:10; width=100?; text-align:center">
             备案：冀ICP备20019117号-1
          </div>

  </div>
</template>
<script type="text/ecmascript-6">
export default {
  data () {
    return {
    }
  },

  methods: {
    handleSelect (key, keyPath) {
      switch (key) {
        case '1':
          this.$router.push('/darksoulphone/paintingphone')
          break
        case '2':
          this.$router.push('/darksoulphone/readphone')
          break
      }
    }

  }
}
</script>
<style>
  .row-bg2 {
    background-color: #ffffff;
  }
  ul:after {
display:unset !important;
}
</style>
